<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>程传耀&范光媛婚礼邀请函</title><script>(function(doc, win) {
        var docEl = doc.documentElement || doc.body,
            isIOS = navigator.userAgent.match(/iphone|ipod|ipad/gi),
            dRatio = win.devicePixelRatio,
            dpr = isIOS && dRatio != undefined ? Math.min(dRatio, 3) : (dRatio != undefined ? dRatio : 1),  //设备像素比devicePixelRatio
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        docEl.dataset.dpr = dpr;

        var recalc = function() {
            //页面内容可见区域的宽度(兼容各种平台),对于ios设备devicePixelRatio值只可能是1或者2
            //当width=device-width时，可视区的宽度就是document.documentElement.clientWidth
            //安卓平台下可见区的宽度：document.body.clientWidth || document.documentElement.clientWidth
            var width = docEl.clientWidth || win.innerWidth;
            if (width / dpr > 750) {
                width = 750 * dpr;
            }
            docEl.style.fontSize = 100 * (width / 750) + 'px';
        };
        recalc();
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
    })(document, window)</script><script>/**
* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.3",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b),"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:this,document);</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@6.5.3/swiper-bundle.css"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel="icon" href="favicon.ico"><link href="css/index.ec41ce9caac1e29327b6.css" rel="stylesheet"></head><body><div class="loading"><img src="" alt="" class="loading-1"> <img src="" alt="" class="loading-2"> <img src="" alt="" class="loading-3"> <img src="" alt="" class="loading-4"> <img src="" alt="" class="loading-5"> <img src="" alt="" class="loading-6"> <img src="" alt="" class="loading-7"> <img src="" alt="" class="loading-8"> <img src="" alt="" class="loading-9"></div><div class="app" id="app"><section class="banner"><div class="content"><div class="border-left-top ready-ani"></div><div class="border-left-bottom ready-ani"></div><div class="border-right-top ready-ani"></div><div class="border-right-bottom ready-ani"></div><div class="border-line-top ready-ani"></div><div class="border-line-bottom ready-ani"></div><div class="border-line-left ready-ani"></div><div class="border-line-right ready-ani"></div><div class="banner-frame-box"><div class="banner-frame"></div><div class="image-box"><img src="img/HRQ11517.f27128a9.jpg" class="blur-pic ready-ani" alt=""></div><div class="fragement-1 ready-ani"></div><div class="fragement-2 ready-ani"></div><div class="fragement-3 ready-ani"></div><div class="fragement-4 ready-ani"></div><div class="fragement-5 ready-ani"></div><div class="fragement-6 ready-ani"></div><div class="fragement-7 ready-ani"></div><div class="fragement-8 ready-ani"></div></div><div class="our-name ready-ani"><span class="name-1 ready-ani">程传耀</span> <i class="heart"></i> <span class="name-2 ready-ani">范光媛</span></div><div class="flower-1 ready-ani"></div><div class="time ready-ani">2024 年 05 月 02日<br>农历：三月二十四日（周四）</div><div class="next"></div></div></section><section class="frame-middle"><div class="frame-box"><img src="img/HRQ11516.6b488158.png" alt=""><div class="frame ready-ani"></div><div class="frame-bold ready-ani"></div></div></section><section class="invite"><p class="invite-text ready-ani"><span>程传耀 & 范光媛</span><br>诚邀您来参加我们的婚礼</p><div class="leaf ready-ani"></div></section><section class="address"><p class="address-jun ready-ani">男方家庭地址：新乡市封丘县潘店镇程马牧村<span>（点击查看地图）</span></p><br><p class="address-res ready-ani">男方婚宴地址：新乡市封丘县潘店镇程马牧村<span>（点击查看地图）</span></p><div class="leaf ready-ani"></div></section><section class="date"><div class="date-title">「 流程 」<div class="leaf ready-ani"></div></div><ul class="circuit"><div class="step start"></div><li><span class="time">08:00</span><div class="preview-pic-box"><div class="preview-pic act-1"></div></div><div class="step first"></div><div class="tip ready-ani">准备</div></li><li><span class="time">11:00</span><div class="preview-pic-box"><div class="preview-pic act-2"></div></div><div class="step second"></div><div class="tip ready-ani">接亲</div></li><li><span class="time">12:00</span><div class="preview-pic-box"><div class="preview-pic act-3"></div></div><div class="step third"></div><div class="tip ready-ani">女方婚宴</div></li><li><span class="time">14:00</span><div class="preview-pic-box"><div class="preview-pic act-4"></div></div><div class="step four"></div><div class="tip ready-ani">仪式</div></li><li><span class="time">16:00</span><div class="preview-pic-box"><div class="preview-pic act-5"></div></div><div class="step five"></div><div class="tip ready-ani">男方婚宴</div></li><div class="step end"></div></ul><div class="time-act-bg"></div></section><section class="story"><div class="story-title"><div class="leaf ready-ani"></div>- OUR STORY -</div><div class="group-0"><div class="frame-box-1 ready-ani"><img src="img/HRQ11344.e7739947.jpg" alt=""></div><p class="tips ready-ani">爱不是彼此对视，而是共同眺望远方</p><div class="line ready-ani"></div></div><div class="group-1"><h4 class="title">" Yes, I do "</h4><p class="tips ready-ani">一路走来<br><span>相偎看山河</span><br><span>相携看四季</span></p><div class="border"></div><div class="pic-box"><div class="frame-box-2 ready-ani"><img src="img/HRQ11285.82be0d7a.jpg" alt=""></div><div class="frame-box-3 ready-ani"><img src="img/HRQ11290.867b7496.jpg" alt=""></div></div></div><div class="group-3"><div class="title"><h4 class="to-start ready-ani"># 从此</h4><div class="to-start-line ready-ani line"></div><p class="to-start-text ready-ani">“一屋 两人 三餐 四季”</p></div><div class="tips">Love never fails.</div><div class="pic-box"><div class="frame-box-2 ready-ani"><img src="img/HRQ11473.40845563.jpg" alt=""></div><div class="frame-box-3 group-frame-3 ready-ani"><img src="img/HRQ11461.cbb3ccf2.jpg" alt=""></div><div class="frame-box-3 group-frame-4 ready-ani"><img src="img/HRQ11460.ff0ea05b.jpg" alt=""></div></div></div><div class="group-2"><p class="tips ready-ani">平凡的陪伴最心安</p><div class="title"><p class="group-2-title-1 ready-ani">FIND YOU</p><p class="group-2-title-2 ready-ani">LOVE YOU</p><p class="group-2-title-3 ready-ani">MARRY YOU</p><p class="group-2-title-4 ready-ani">AND LIVE WITHOUT SHAME</p></div><div class="frame-box-5 ready-ani"><img src="img/HRQ11390.1a4136bd.png" alt=""></div><div class="frame-box-6 ready-ani"><img src="img/HRQ11393.2e585dd7.png" alt=""></div><div class="frame-box-7 ready-ani"><img src="img/HRQ11394.5fd180cd.png" alt=""></div></div><p class="day-day ready-ani">“在你身边 / 你在身边 / 日日又年年”</p><div class="swiper-container frame-box-4"><div class="swiper-wrapper"><div class="swiper-slide"><img src="img/rings.80c96936.png" alt=""></div><div class="swiper-slide"><img src="img/HRQ11448.fff5aa64.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11459.0351f645.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11396.d286faca.png" alt=""></div><div class="swiper-slide"><img src="img/HRQ11181.40845563.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11325.e2a946fa.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11322.26e6b263.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11645.e54219ad.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11576.1497f534.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11719.73c745de.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11534.fd71b5da.jpg" alt=""></div><div class="swiper-slide"><img src="img/HRQ11517.f27128a9.jpg" alt=""></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div><img src="img/flower-end.a7459007.png" alt="" class="flower-end"><p class="ten-year ready-ani">相恋十年<br>一辈子很长，恰到好处的喜欢是最好<br>人间于此，欢喜是你</p><div class="end ready-ani">感谢你<br>不远千里 / 为我们祝福 / 婚礼见 ❤<br><br><span>- END</span><br>THANKS</div></section></div><div class="hearts"><img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""></div><div class="play-toggle"><img src="" class="play hide" alt=""> <img src="" class="mute" alt=""></div><audio src="media/bg.ee8072eb.mp3" id="audio" loop></audio><script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script><script>// 底下的轮播图
        new Swiper('.swiper-container',{
            lazy: true,
            zoom:true,
            loop:true,
            speed:1500,
            autoplay:{
                delay:3000,
                stopOnLastSlide:false,//如果设置为true，当切换到最后一个slide时停止自动切换
                disableOnInteraction:true
            },
            navigation:{
                prevEl: '.swiper-button-prev',
                nextEl: '.swiper-button-next',
            },
            spaceBetween:30
        })</script><script src="js/manifest.ec41ce9caac1e29327b6.js"></script><script src="js/index.ec41ce9caac1e29327b6.js"></script></body></html>